<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>审批中心</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <style>
        .new-btn-bottom {
            width: 92%;
            margin: 0 auto;
            display: flex;
            margin-top: 15px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* height: 30px;
            line-height: 30px; */
            /* border:solid 0.5px #f3f3f3; */
            /* border-radius: 20px; */
            /* font-weight: bold; */
        }
        .time_style{
            padding: 5px 0px 5px 12px;
            color: #a2acbb;
        }
        .workheader{
            width: 100%;  
            margin: 10px 0px 5px 0px;
            overflow: hidden;
        }
        .work_title_add{
            width: 100%;
            font-size: 0.8rem;
            font-weight:500;
            margin-top: 0px;
        }
        .mt0{
            margin-top: 0.1rem;
        }
        .padding_style{
            padding-bottom: 1rem;
            padding-top: 0.8rem;
        }
        .marginheight{
            margin-top: 0.3rem;
        }
        .mainbox{
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 20px 16px;
        }
        .StateStatus{
            padding-top: 10px;
        }
        .statuStyle{
            text-align: right;
            /* padding: 2px 0px; */
            font-weight: 500;
        }
        span.blue{
            padding: 2px 8px;
            border-radius: 4px;
            color: #5794e7;
            background: #eff6ff;
        }
        span.green{
            padding: 2px 8px;
            border-radius: 4px;
            color: #29aa60;
            background: #f1fff7;
        }
        span.origen{
            padding: 2px 8px;
            border-radius: 4px;
            color: #e46a27;
            background: #fff8f4;
        }
        span.gray{
            padding: 2px 8px;
            border-radius: 4px;
            color: #bbb;
            background: #f8f8f8;
        }

    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
                <div class="aui-tab aui-tab-color" style="background: #289FFF;  padding-bottom: 8px;">
                    <div v-on:click="select_status(1)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==1}" style="margin-left: 10px;">
                        <label class="labelbox">
                            待处理
                            <span v-if="total.PendingNumber>0" class="menu_dotspan">{{total.PendingNumber}}</span>
                        </label>
                    </div>
                    <div v-on:click="select_status(2)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==2}">
                        <label class="labelbox">
                            已处理
                            <span v-if="total.AcceptNumber>0" class="menu_dotspan">{{total.AcceptNumber}}</span>
                        </label>
                    </div>
                    <div v-on:click="select_status(3)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==3}">
                        <label class="labelbox">
                            我发起的
                            <span v-if="total.StartNumber>0" class="menu_dotspan">{{total.StartNumber}}</span>
                        </label>
                    </div>
                    <div v-on:click="select_status(4)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==4}">
                        <label class="labelbox">
                            我收到的
                            <span v-if="total.SendNumber>0" class="menu_dotspan">{{total.SendNumber}}</span>
                        </label>
                    <div class="cl">
                    </div>
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content">

                <!-- 搜索 -->
        <div class="aui-searchbar" id="search">
            <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                <i class="icon iconfont icon-sousuo"></i>
                <input v-model="form.keywords" type="search" placeholder="物品用途" id="search-input">
                <div class="aui-searchbar-clear-btn" style="top:12px">
                    <i class="icon iconfont icon-guanbi"></i>
                </div>
            </div>
            <div class="aui-searchbar-btn" tapmode></div>
        </div>
            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="openGongdan(item.ApprovalID,item.Type)" class="work_con_box">
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one" >{{item.HeadTitle}}
                            </div>
                           <div class="time_style">{{item.AddTime}}</div>
                            <!-- <div v-if="item.ServiceStatus==50" class="typestatus ygd">已关单</div>   style="font-weight: bold;"-->
                        </div>
                        <!-- <div class="work_title work_title_add">{{item.TypeName}}</div> -->
                        
                        <div v-if="item.Type==2" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">优惠项目</div>
                                <div class="work_con_box_right">
                                    <label>{{item.ChargeName}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">优惠说明</div>
                                <div class="work_con_box_right">
                                    <label>{{item.DiscountRemark}}</label>
                                </div>
                            </div>
                        </div>

                        <div v-if="item.Type==1" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time marginheight" >
                                <div class="work_con_box_left">物品用途</div>
                                <div class="work_con_box_right">
                                    <label>{{item.Title}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                <div class="work_con_box_left">物品名称</div>
                                <div class="work_con_box_right">
                                    <label>{{item.GoodsList[0].GoodsName}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight" v-if="item.GoodsList.length>0">
                                <div class="work_con_box_left">数量</div>
                                <div class="work_con_box_right">
                                    <label>{{item.GoodsList[0].GoodsNumber}}</label>
                                </div>
                            </div>
                        </div>
                        <!-- 通知消息 -->
                        <div v-if="item.Type==9||item.Type==11||item.Type==12||item.Type==13||item.Type==14" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">标题</div>
                                <div class="work_con_box_right">
                                    <label>{{item.Title}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">简介</div>
                                <div class="work_con_box_right">
                                    <label>{{item.SummaryCont}}</label>
                                </div>
                            </div>
                        </div>
                        <!-- 房屋租售 -->
                        <div v-if="item.Type==10" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">资源位置</div>
                                <div class="work_con_box_right">
                                    <label>{{item.RentHomeProjectName}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">类型</div>
                                <div class="work_con_box_right">
                                    <label>{{item.RentHomeSellTypeDesc}}</label>
                                </div>
                            </div>
                        </div>
                        <!-- 生活服务 -->
                        <div v-if="item.Type==15" class=" work_con_box_contain mt0 padding_style ">
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">服务类别</div>
                                <div class="work_con_box_right">
                                    <label>{{item.CategoryName}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">服务名称</div>
                                <div class="work_con_box_right">
                                    <label>{{item.Title}}</label>
                                </div>
                            </div>
                            <div class="work_con_box_time marginheight">
                                <div class="work_con_box_left">所属项目</div>
                                <div class="work_con_box_right">
                                    <span v-for="item2 in item.ProjectNameList">{{item2}}</span>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div v-if="form.status==1" class="new-btn-bottom" style="overflow: hidden;">
                        <div v-if="item.IsAccept==true" class="work_beginbtnty3 new-blue-btn"
                            v-on:click="do_open_sure(item.ApprovalID)">
                            <i class="icon iconfont icon-yidu" style=" font-size: 0.7rem; margin-right: 5px;"></i>同意
                        </div>
                        <div v-if="item.IsReject==true" class="work_beginbtnty3 new-blue-btn"
                            v-on:click="do_open_jujue(item.ApprovalID)">
                            <i class="icon iconfont icon-guanbi"
                                style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>拒绝
                        </div>   
                        <div v-if="item.IsRevoke==true" class="work_beginbtnty3 new-blue-btn"
                            v-on:click="doRevoke(item.ApprovalID)">
                            <i class="icon iconfont icon-chexiao"
                                style=" font-size: 0.7rem; margin-right: 5px; color: #289FFF;"></i>撤销
                        </div> 
                        
                    </div>
                    <!-- 等待审批 -->
                    <div v-if="form.status!=1" class="StateStatus">
                    <div v-if="item.State==2||item.State==1" class="statuStyle ">
                        <span class="blue">{{item.StateDesc}}...</span>
                     </div>
                     <!-- 同意 -->
                     <div v-if="item.State==3" class="statuStyle">
                        <span class="green">{{item.StateDesc}}</span>
                     </div>
                     <!-- 拒绝 -->
                     <div v-if="item.State==4" class="statuStyle ">
                        <span class="origen">{{item.StateDesc}}</span>
                     </div>
                     <!-- 撤销 -->
                     <div v-if="item.State==5" class="statuStyle ">
                        <span class="gray">{{item.StateDesc}}</span>
                     </div>
                    </div>
                </div>
                <div class="notodayList" v-if="!can_scroll">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/examine_list.js"></script>

</html>